<template>
    <div class="banner-box">
      <img src="@/assets/logo-fact.png"/>
      <p class="title">雨之和</p>
      <p class="sub">专注前端，快速构建web应用</p>
      <Button class="btn" size="large" type="primary" @click="readyStart">
        Ready Start
        <Icon type="md-arrow-round-forward" />
      </Button>
    </div>
</template>

<script>
    export default {
      name: 'Banner',
      methods: {
        readyStart() {
          this.$router.push({
            path: '/ecosphere/document'
          })
        }
      }
    }
</script>

<style lang="scss" scoped>
.banner-box{
  text-align: center;
  padding: 20px 15px 50px;
  img{
    width: 150px;
    margin-top: 15px;
  }
  .title{
    font-size: 32px;
    font-weight: 600;
    padding: 8px 0;
    color: #111111;
  }
  .sub{
    font-size: 20px;
    padding: 5px 0;
    color: #055065;
  }
  .btn{
    margin-top: 20px;
  }
}
</style>
